<template>
  <div>
    <h1>Main App - Home Page</h1>
    <button @click="handleClick">跳转到about</button>
    <button @click="handleClickSubApp1">跳转到sub-app-1</button>
    <button @click="handleClickSubApp2">跳转到sub-app-2</button>
  </div>
</template>

<script setup>
import { useRouter } from "vue-router";

const router = useRouter();

function handleClick() {
  router.push("/about");
}

function handleClickSubApp1() {
  router.push("/sub-app-1");
}

function handleClickSubApp2() {
  router.push("/sub-app-2");
}
</script>
